<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<style type="text/css">
		body{
			margin: 10px 0;
		}
		img{
			width: 64px;
			height: 64px;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="media">
			<!-- 默认居顶显示 -->
			<a href="#" class="media-left">
				<img src="images/dongzhi03.jpg" alt="属性" title="hello">
			</a>
			<div class="media-body">
				<h4 class="media-heading">标题：头部信息</h4>
				<p>
					hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohe
					hellohellohellohellohellohellohellohellohellohellohellohellohellohello
					<br>
					hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohe
					hellohellohellohellohellohellohellohellohellohellohellohellohellohello
				</p>
				<!-- 图片在右边 -->
				<div class="media">
					<div class="media-body">
						<h4 class="media-heading">标题：头部信息</h4>
						<p>
							hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohe
							<br>
							hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohe
					hellohellohellohellohellohellohellohellohellohellohellohellohellohello
							hellohellohellohellohellohellohellohellohellohellohellohellohellohello
						</p>
					</div>
					<a href="#" class="media-right">
						<img src="images/dongzhi03.jpg" alt="属性" title="hello">
					</a>
				</div>
			</div>
		</div>

		<div class="media">
			<a href="#" class="media-middle">
				<img src="images/dongzhi03.jpg" alt="属性" title="hello">
			</a>
			<div class="media-body">
				<h4 class="media-heading">标题：头部信息</h4>
				<p>
					hellohellohellohellohellohellohellohellohellohellohhellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohe
					hellohellohellohellohellohellohellohellohellohellohellohellohellohelloellohellohellohellohellohellohellohellohellohellohe
					<br>
					hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohe
					hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
				</p>
			</div>
		</div>

		<div class="media">
			<a href="#" class="media-bottom">
				<img src="images/dongzhi03.jpg" alt="属性" title="hello">
			</a>
			<div class="media-body">
				<h4 class="media-heading">标题：头部信息</h4>
				<p>
					hellohellohellohellohellohellohellohellohellohellohhellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohe
					hellohellohellohellohellohellohellohellohellohellohellohellohellohelloellohellohellohellohellohellohellohellohellohellohe
					<br>
					hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohe
					hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
				</p>
			</div>
		</div>
	</div>

	<div class="container">
		<ul class="media-list">
			<li class="media">
				<a href="#" class="media-left">
					<img src="images/dongzhi03.jpg" alt="">
				</a>
				<div class="media-body">
					<h4>幻樱</h4>
					<p>幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱</p>
					<p>幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱</p>
					<p>幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱</p>
					<p>幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱幻樱</p>
				</div>
			</li>
		</ul>
	</div>
</body>
</html>